<template>
  <div id="app-nav" class="app-nav">
    <app-nav-btn type="min" icon="iconfont icon-zuixiaohua" class="iconfont icon-zuixiaohua"></app-nav-btn>
    <app-nav-btn type="max" icon="iconfont icon-duoxuankuang" class="iconfont icon-duoxuankuang"></app-nav-btn>
    <app-nav-btn type="close" icon="iconfont icon-guanbi" class="iconfont icon-guanbi"></app-nav-btn>
  </div>
</template>

<script>
import appNavBtn from './app-nav-btn'
export default {
  name: "app-nav",
  components: {
    appNavBtn
  },
  data() {
    return {};
  },
  created() { },
  methods: {
    logOut() {
      // 退出
    }
  }
};
</script>

<style lang="scss" scoped>
.app-nav {
  display: flex;
  justify-content: space-around;
  width: 100px;
  .iconfont {
    margin: 0 10px;
  }
  .icon-duoxuankuang {
    font-size: 16px;
  }
}
</style>